<!doctype html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>GIS页面</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="wcodeth=device-wcodeth, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="css/jeui.css" media="all">
    <link rel="stylesheet" href="css/gload.css" media="all">
    <link rel="stylesheet" href="http://172.18.63.38/arcgis_js_api/library/4.7/dijit/themes/claro/claro.css" />
    <link rel="stylesheet" href="http://172.18.63.38/arcgis_js_api/library/4.7/esri/css/main.css" />
    <link rel="stylesheet" href="http://172.18.63.38/arcgis_js_api/library/4.7/dojox/layout/resources/FloatingPane.css">
    <link rel="stylesheet" href="http://172.18.63.38/arcgis_js_api/library/4.7/dojox/layout/resources/ResizeHandle.css">
    <link rel="stylesheet" href="css/gis.css" media="all">
    <style>
        .esri-ui-top-left {
            margin-left: 0px;
        }

        html,
        body {
            height: 100%;
            width: 100%;
            padding: 0;
            overflow: hidden
        }

        #infoDiv {
            position: absolute;
            top: 15px;
            left: 80px;
        }

        #infoDiv input {
            border: none;
            box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 2px;
        }
    </style>
    <script>
        var dojoConfig = {
            has: {
                "esri-promise-compatibility": 1,
                "esri-featurelayer-webgl": 1
            }
            , parseOnLoad: true
        };
    </script>
    <script src="js/modules/jquery.js"></script>
    <script src="js/Convert_Pinyin.js"></script>
    <script src="js/modules/echarts.js"></script>
    <script src="http://172.18.63.38/arcgis_js_api/library/4.7/dojo/dojo.js"></script>
    <script src="js/Air_map.js"></script>
    <script src="js/Funcations.js"></script>
    <script type="text/javascript" src="js/modules/jeui.js"></script>
</head>

<body>

    <!--地图显示区域-->
    <div id="mapDiv_all" style="width:100%;height:100%;overflow:hidden">
        <div id="mapDiv" class="fl" style="width:100%;height:100%;overflow:hidden"></div>
    </div>
    <!--二三维转换按钮-->
    <div id="infoDiv" style="position:absolute; ">
        <input class="esri-component esri-widget-button esri-widget esri-interactive" style="visibility:hidden" type="button" id="swap-btn"
            value="  ">
    </div>
    <!--图层菜单打开界面-->
    <div id="Pane_layerList" data-dojo-type="dojox/layout/FloatingPane" title="图层管理" resizable="true" closable="false" dockable="false"
        style="position:absolute; top:130px; left:420px; width:250px;height:200px;visibility:hidden">
        <img src="Images/close_button.png" height="20" width="20" class="pop-closebtn" onclick="Pane_invisible('Pane_layerList')"
        />
        <div id="Div_layerList"></div>
    </div>
    <!--历史查询界面-->
    <div id="Pane_aqiHistory" data-dojo-type="dojox/layout/FloatingPane" title="历史查询" resizable="true" closable="false" dockable="false"
        style="position:absolute; top:50px;left:80px;right:210px;height:460px;visibility:hidden">
        <img src="Images/close_button.png" height="20" width="20" class="pop-closebtn" onclick="Pane_invisible('Pane_aqiHistory')"
        />
        <img src="Images/Line_chart_mini.png" id="Line_chart_history" height="20" width="24" class="pop-Line-chart" />
        <div id="Div_aqiHistory"></div>
    </div>
        <!--预测-->
        <div id="Pane_aqi_forecast" data-dojo-type="dojox/layout/FloatingPane" title="AQI指数预测" resizable="true" closable="false" dockable="false"
        style="position:absolute; top:50px;left:80px;right:210px;height:460px;visibility:hidden">
        <img src="Images/close_button.png" height="20" width="20" class="pop-closebtn" onclick="Pane_invisible('Pane_aqi_forecast')"
        />
        <div class="pop-wrapper">
            <div class="pop-wrapper-lay">
                <span class="je-fl" id="span_draw_type" style="line-height:26px; font-size:14px;">城市：</span>
                <select id="select_city" class="je-fl pop-select w80">
                    <option value="郑州"  selected="selected">郑州</option>
                </select>
                <button class="je-fl pop-btn gray" id="button_forecast"  onclick="aqi_forecast()">预测</button>
            </div>
        </div>
        <div id="Div_aqi_forecast" style="height:360px;">
        </div>
    </div>
    <!--历史查询曲线图界面-->
    <div id="Pane_aqiHistory_Line" data-dojo-type="dojox/layout/FloatingPane" title="历史曲线" resizable="true" closable="false"
        dockable="false" style="position:absolute; top:50px;left:80px;right:210px;height:400px;visibility:hidden">
        <img src="Images/close_button.png" height="20" width="20" class="pop-closebtn" onclick="Pane_invisible('Pane_aqiHistory_Line')"
        />
        <img src="Images/table.png" id="Table_chart_history" height="20" width="20" class="pop-Line-chart" />
        <div id="Div_aqiHistory_Line" style="height:360px;"></div>
    </div>
    <!--画图菜单打开界面-->
    <div id="Pane_Draw" data-dojo-type="dojox/layout/FloatingPane" title="画图" resizable="true" closable="false" dockable="false"
        style="position:absolute;top:5px;right:300px;visibility:hidden;">
        <img src="Images/close_button.png" height="20" width="20" class="pop-closebtn" onclick="Pane_Draw_Close()" />
        <div class="pop-wrapper">
            <div class="pop-wrapper-lay">
                <span class="je-fl" id="span_draw_type" style="line-height:26px; font-size:14px;">画图：</span>
                <select id="select_color" class="je-fl pop-select w40">
                    <option value="#FF0000" style="color:#FF0000" selected="selected">红</option>
                    <option value="#FFFF00" style="color:#FFFF00">黄</option>
                    <option value="#00FF00" style="color:#00FF00">绿</option>
                    <option value="#0000FF" style="color:#0000FF">蓝</option>
                    <option value="#000000" style="color:#000000">黑</option>
                </select>
                <input class="je-fl" id="draw_point" name="submit" type="image" title="点" src="images/point.png" style="height:30px" onclick="map_draw_geometry_start('point')"
                />
                <input class="je-fl" id="draw_line" name="submit" type="image" title="线" src="images/line.png" style="height:30px" onclick="map_draw_geometry_start('line')"
                />
                <input class="je-fl" id="draw_rectangle" name="submit" type="image" title="长方形" src="images/rectangle.png" style="height:30px"
                    onclick="map_draw_geometry_start('rectangle')" />
                <input class="je-fl" id="draw_polygon" name="submit" type="image" title="多边形" src="images/polygon.png" style="height:30px" onclick="map_draw_geometry_start('polygon')"
                />
                <button class="je-fl pop-btn disable" id="button_draw_chazhi" disabled=false>插值分析</button>
                <button class="je-fl pop-btn disable" id="button_draw_buffer" disabled=false  onclick="Pane_visible('Pane_Buffer')">缓冲区</button>
                <button class="je-fl pop-btn gray" id="button_draw_end" onclick="map_draw_end()">结束</button>
                <button class="je-fl pop-btn gray" id="button_buffer_clear" onclick="Clear_buffer()">清除</button>
            </div>
        </div>
    </div>
    <!--画图菜单————缓冲区按钮-->
    <div id="Pane_Buffer" data-dojo-type="dojox/layout/FloatingPane" title="缓冲区" resizable="true" closable="false" dockable="false"
        style="position:absolute;top:140px;right:350px;visibility:hidden;">
        <img src="Images/close_button.png" height="20" width="20" class="pop-closebtn" onclick="Pane_invisible('Pane_Buffer')" />
        <div class="pop-wrapper">
            <div class="pop-wrapper-lay">
                <span class="fl">半径</span>
                <input type="text" class="fl pop-input w60" id="Buffer_Text_distance" />
                <span class="fl" id="span_search_distance">米</span>
                <button class="fl pop-btn gray" id="button_selectedFeature_buffer">缓冲区</button>
            </div>
        </div>
    </div>
</body>

</html>